import { createApp } from 'vue'
import App from './App.vue'

import store from './store'
import router from './router'

import { Ripple } from '@/addon/directives'

import './styles/index.scss'
import 'uno.css'

const app = createApp(App)
app.use(store)
app.use(router)
app.directive('ripple', Ripple)

const getImgModule = (src) => {
  return new URL(src, import.meta.url).href
}

app.config.globalProperties.$getImage = getImgModule

app.mount('#app')
